<template>
  <div class="main">
    <div class="main-title">
     <top></top>
    </div>
    <div class="main-container">
    <router-view/>
    </div>
  </div>

</template>


<script  lang="ts">
import {defineComponent}  from "vue"
import  Top from './components/Top.vue'
import {mapMutations, mapState} from "vuex";

export  default  defineComponent({
  name:'App',
  components:{Top},

})

</script>
<style scoped lang="less">
.main {
  width: 100vw;
  margin: 0;
  box-sizing: border-box;
  position: relative;
  background-color: #86DBFF;
  display: flex !important;
  flex-direction: column;
  flex: 1;
}
.main-title {
  width: 100%;
  position: fixed;
  top: 2px;
}
.main-container {
  width: 100%;
  top: 30px;
  flex: 1;
  display: flex;
  margin-bottom: 0px;
}
</style>
